<template>
  <div class="building">
    <div class="text-center">
      <slot name="text-center">
        权限不足。请联系客服进行开通
      </slot>
    </div>
    <div class="context">
      <slot name="context">
        客服热线：021-50120179，50120189，50890789
      </slot>
    </div>
  </div>
</template>

<script>
export default {
  name: 'building',
  data () {
    return {}
  },
  methods: {}
}
</script>

<style lang="less">
.building {
  padding: 10px;
  width: 100%;
  text-align: center;
  box-sizing: border-box;
  .text-center {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
  .context > *{
    display: flex;
    justify-content: space-between;
    font-size: 13px;
    color: grey;
  }
  & + .building{
    margin-top: 10px;
  }
}
</style>
